<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <base href="<%=basePath%>">
    
    <title>My JSP 'index.jsp' starting page</title>
	<meta http-equiv="pragma" content="no-cache">
	<meta http-equiv="cache-control" content="no-cache">
	<meta http-equiv="expires" content="0">    
	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
	<meta http-equiv="description" content="This is my page">
		<link rel="stylesheet" type="text/css" href="<%=basePath%>js/jquery-easyui-1.3.1/themes/default/easyui.css">
	<link rel="stylesheet" type="text/css" href="<%=basePath%>js/jquery-easyui-1.3.1/themes/icon.css">
	<script type="text/javascript" src="<%=basePath%>js/jquery-1.8.0.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/jquery-easyui-1.3.1/jquery.easyui.min.js"></script>
	<script type="text/javascript" src="<%=basePath%>js/jquery-easyui-1.3.1/src/jquery.parser.js"></script>
  </head>
<script type="text/javascript">

$(document).ready(function(){
	$.getJSON("<%=basePath%>sys/menu/loadMenu.action",{},function(data){
		for(var i=0;data.length;i++){
			$('#menuId').append('<div title="'+data[i].menuName+'" style="padding:10px;overflow:auto;">'+data[i].menuName+'</div>');
		
		}
	});
});
</script>
  
 <body class="easyui-layout">
	<div data-options="region:'north',split:true" title="" style="height:100px;border:none">
		Logo 
	</div>
	
	<div data-options="region:'south',split:true" style="height:30px;background:#efefef;text-align:center">
		版权声名
	</div>

	<div data-options="region:'west',split:true" title="West Menu" style="width:280px;padding1:1px;overflow:hidden;">
		<div id="menuId" class="easyui-accordion" data-options="fit:true,border:false">
			<div style="padding:10px;overflow:auto;" title="系统管要理">
				<p>不合格</p>
				<p>不合格</p>
				<p>不合格</p>
			</div>
			<div style="padding:10px;overflow:auto;" title="系统管a理">
				<p>不合格</p>
				<p>不合格</p>
				<p>不合格</p>
			</div>
			<div style="padding:10px;overflow:auto;" title="系统管ac理">
				<p>不合格</p>
				<p>不合格</p>
				<p>不合格</p>
			</div>
			
			
		</div>
	</div>
	<div data-options="region:'center'" title="Main Title" style="overflow:hidden;">
		<div class="easyui-tabs" data-options="fit:true,border:false">
			<div title="Tab1" style="padding:20px;overflow:hidden;"> 
				<div style="margin-top:20px;">
					<h3>jQuery EasyUI framework help you build your web page easily.</h3>
					<ul>
						<li>easyui is a collection of user-interface plugin based on jQuery.</li> 
						<li>using easyui you don't write many javascript code, instead you defines user-interface by writing some HTML markup.</li> 
						<li>easyui is very easy but powerful.</li> 
					</ul>
				</div>
			</div>
			<div title="Tab2" data-options="closable:true" style="padding:20px;">This is Tab2 width close button.</div>
			<div title="Tab3" data-options="iconCls:'icon-reload',closable:true" style="overflow:hidden;padding:5px;">
				<table id="tt2"></table> 
			</div>
		</div>
	</div>
</html>
